{% extends "venclave/base.html" %}

{% load venclave_tags %}
{% load bundler_tags %}

{% block styles %}
  {{ block.super }}
  {% css "venclave-styles" "jquery-ui-1.7.1.custom.css" %}
  {% css "venclave-styles" "browse.css" %}
{% endblock %}

{% block scripts %}
  {{ block.super }}
  {% javascript "venclave-scripts" "jquery.json-1.3.min.js" %}
  {% javascript "venclave-scripts" "jquery-ui-1.7.1.custom.min.js" %}
{% endblock scripts %}

{% block content %}
  <div id="results-banner">
    {{banner_msg|safe}}
  </div>

  <h2 class="table_title">Categories</h2>
  <table id="browse">
    <tr>
      <td><a class="browse-kind" href="{% url venclave-browse-movies %}">movies</a></td>
      <td><a class="browse-kind" href="{% url venclave-browse-tv %}">tv</a></td>
      <td><a class="browse-kind" href="{% url venclave-browse-other %}">other</a></td>
    </tr>
  </table>

  <h2 class="table_title">Recent movies</h2>
  {% with recent_movies as nodes %}
    {% with "mo" as kind %}
      {% include "venclave/node_table.html" %}
    {% endwith %}
  {% endwith %}

  <h2 class="table_title">Recent TV</h2>
  {% with recent_tv as nodes %}
    {% with "tv" as kind %}
      {% include "venclave/node_table.html" %}
    {% endwith %}
  {% endwith %}

{% endblock %}
